
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="format-detection" content="telephone=no,email=no" />
<link rel="shortcut icon"
	href="//9.url.cn/edu/lego_modules/edu-ui/0.0.1/img/nohash/favicon.ico" />
<meta name="robots" content="noindex,nofollow">
<title>机构管理_心课堂</title>
<link rel="stylesheet" href='${root}css/common.css' />
<link rel="stylesheet" href='${root}css/main.css' />

</head>
<body>
	<div class="s-main  autoM">
		<!--机构管理左侧边栏, 统一到side, 与发布课程页面公用一个模版, 避免两边不一致问题-->
		<!-- <div class="sm-side sm-bm-style" id="agency-side"></div> -->

		<div class="sm-main">
			<div class="agency-manage">
				<div id="important_tips" style="display: none;"></div>
				<div id="agency_cont">
					<div id="publish">
						<div class="publish-main">
							<header class="publish-header hide">
								<span class="btn-back js-go-back"></span>
							</header>
							<nav class="breadcrumb inner-center"></nav>
							<div id="publish_box" class="publish-box">
								<div class="mod-steps hide" style="display: block;">
									<ul class="steps-nav">
										<li class="active"><i class="icon-font i-right"></i><span
											class="steps-num">1</span>课程概况</li>
										<li class="step-detail"><i class="icon-font i-right"></i><span
											class="steps-num">2</span>课程详情</li>
										<li class="last step-plan"><i class="icon-font i-right"></i><span
											class="steps-num">3</span>教学内容</li>
									</ul>
								</div>
								<div id="publish_steps" class="publish-steps">
									<div class="publish-step publish-step2">
										<div class="mod-form">
											<div class="content-guide">
												<div class="guide-hd">
													<h3 class="guide-tt">基本信息</h3>
													<div class="content-form">
														<!-- 课程名称 -->
														<div class="mod-form__line mod-form__name-wrap">
															<label class="mod-form__label" for="cp_name"><b>*</b>课程名称</label>
															<div class="mod-form__content">
																<input type="text" class="input-text"
																	data-pattern="not_null|name|limit" data-min="5"
																	data-max="30"
																	data-tips="请填写5-30个字，两个字母算一个字。该字段修改需审核，请确认后提交。"
																	data-msg="课程名称不能为空" name="name" id="cp_name"
																	placeholder="请填写课程名称">
																<div class="field-help"></div>
															</div>
														</div>
														<!-- 分类和标签 -->
														<!-- 类目 -->
														<div class="mod-form__line mod-form__select-wrap">
															<label class="mod-form__label" for="cp_tag"><b>*</b>所属类目</label>
															<div class="mod-form__content">
																<div class="diy-select-area tmpl-tag1"
																	data-pattern="tag">
																	<select class="diy-select" name="cate1">
																		<option value="">请选择</option>
																		<!--:for(c in cache.cates){  -->
																		<option value="${c.id}">${c.name}</option>
																		<!--:}  -->
																	</select>
																	
																</div>
																<div class="diy-select-area tmpl-tag2 nopattern" 
																	data-pattern="tag">
																	<select class="diy-select" style="width: 117px;" name="cate2">
																		<option value="">请选择</option>
																	</select>
																</div>
																<div class="diy-select-area tmpl-tag3 hide nopattern"
																	data-pattern="tag">
																	<a href="javascript:;" id="cp_tag3" class="diy-select"
																		data-select="tag3"> <i class="text text-tip">请选择分类</i><span><b></b></span>
																	</a>
																</div>
																<div class="field-help"></div>
															</div>
														</div>
														<!-- <div id="course_tag_wrap"></div> -->
														<!-- 上传封面 -->
														<div
															class="mod-form__line mod-form__upload-img-wrap g-info">
															<label class="mod-form__label mod-form__label_top"
																for="cp_cover"><b>*</b>课程封面</label>
															<div class="mod-form__content">
																<!-- mod-form__upload-img_redo -->
																<div class="upload mod-form__upload-img" id="cp_cover">
																	<div class="mod-form__upload-img-text">
																		<span>+</span><i>点击上传图片</i>
																	</div>
																	<img class="hide" id="cover_view"
																		data-pattern="not_null" data-msg="课程封面不能为空"
																		width="222" height="125">
																	<div class="mask">
																		<div class="mask-bg"></div>
																		<div class="mask-cont">重新上传图片</div>
																	</div>
																	<input type="file" name="filename" accept="image/*"
																		id="cover_upload">
																</div>
																<div class="mod-form__upload-tips">
																	<p class="cover-tip">
																		图片要求 <a href="//ke.qq.com/docs/cover-description.jpg"
																			class="nor-link" target="_blank">点击查看课程封面模版规范</a> <br>尺寸大于1080*608
																		分辨率小于96dpi<br>大小小于2M<br>支持JPG/PNG/BMP等格式图片
																	</p>
																	<div class="field-help">
																		<i></i>
																		<p>该字段修改需审核，请确认后提交。</p>
																	</div>
																</div>
															</div>
														</div>
														<!-- 课程简介 -->
														<div class="mod-form__line mod-form__textarea-wrap">
															<label class="mod-form__label" for="cp_summary"><b>*</b>课程简介</label>
															<div class="mod-form__content mod-form__content-long">
																<textarea class="f-textarea" name="summary"
																	data-pattern="not_null|limit" data-min="10"
																	data-max="150" data-tips="请填写课程简介" data-msg="课程简介不能为空"
																	id="cp_summary"
																	placeholder="课程简介将在一些特殊的场景使用，例如：分享到空间、腾讯微博等地。或一些合辑中，都将默认展示课程简介。简介内容请根据课程的实际内容进行简短的概括。 "></textarea>
																<div class="field-help"></div>
															</div>
														</div>
														<!-- 费用类型 -->
														<div class="pay-id-wrap">
															<!-- 收费方式 -->
															<div class="mod-form__line mod-form__radios-wrap">
																<label class="mod-form__label"><b>*</b>是否收费</label>
																<div class="mod-form__content mod-pay-id-wrap">
																	<div class="radios mod-feeType">
																		<div class="radio radio-check" data-value="1"
																			data-type="0">
																			<i></i><label><a href="javascript:;">免费</a></label>
																		</div>
																		<div class="radio disabled" data-value="2"
																			data-type="0">
																			<i></i><label><a href="javascript:;">收费</a></label>
																		</div>
																	</div>
																	<div class="pay_id_bill_tips pay_id_bill_tips-fee">
																		<i class="icon-font i-info"></i>
																		<p class="js-fee-cont">
																			如需开设收费课程，需要关联银行帐号并签署收益协议，<a target="_blank"
																				class="nor-link" href="/agency/billing/index.html">点击进入</a>
																		</p>
																	</div>
																</div>
																<div class="mod-form__content">
																	<div class="f-dropdown-tip pay-fee-type after-tip"
																		style="display: none;">
																		<input type="checkbox" id="checkbox_toggle" checked="">
																		<label class="nor-link not-sel" for="checkbox_toggle">课程价格修改规则说明<i
																			class="icon-v icon-font i-v-bottom"></i></label>
																		<div class="f-dropdown-content">
																			<p>课程发布后，课程价格（含任意学）修改规则如下：</p>
																			<p>1、每次修改价格生效后，最少需要等待7天后的00：00才可进行第二次修改。</p>
																			<p>2、每门课程在每个自然月，可以进行两次价格修改。</p>
																			<p>3、若需要对课程进行限时促销，可至“机构管理后台-销售管理-课程销售-限时优惠”操作。</p>
																			<p>4、同时修改课程和任意学价格并提交算一次修改，单独修改并提交各算一次。</p>
																			<p>5、未发布的课程可随时修改价格，不受本规则限制。</p>
																		</div>
																	</div>
																</div>
															</div>
														</div>
														<div class="mod-form__line mod-form__name-wrap">
															<div class="mod-form__line mod-form__radios-wrap">
																<label class="mod-form__label"><b>*</b>VIP等级</label>
																<div class="mod-form__content mod-pay-id-wrap">
																	<div class="radios mod-feeType">
																		<div class="radio radio-check" data-value="0"
																			data-type="0">
																			<i></i><label><a href="javascript:;">默认</a></label>
																		</div>
																		<div class="radio " data-value="1"
																			data-type="0">
																			<i></i><label><a href="javascript:;">365</a></label>
																		</div>
																		<div class="radio " data-value="3"
																			data-type="0">
																			<i></i><label><a href="javascript:;">SVIP</a></label>
																		</div>
																		<div class="radio " data-value="7"
																			data-type="0">
																			<i></i><label><a href="javascript:;">版权视频</a></label>
																		</div>
																	</div>
																	</div>
																	</div>
														</div>
														<!-- 付费 -->
														<div class="mod-form__line pay-id-choose-wrap"
															style="display: none">
															<!-- 企业培训课 -->
															<div
																class="mod-form__line mod-form__radios-wrap enterprise-class-wrap"
																style="display: none">
																<label class="mod-form__label">是否企业培训课</label>
																<div class="mod-form__content">
																	<div class="radios">
																		<div class="radio radio-check" data-value="0"
																			data-type="0">
																			<i></i><label><a href="javascript:;">否</a></label>
																		</div>
																		<div class="radio disabled" data-value="1"
																			data-type="0">
																			<i></i><label><a href="javascript:;">是</a></label>
																		</div>
																	</div>
																</div>
															</div>
															<!-- 课程价格 -->
															<div class="mod-form__line course-price-wrap">
																<label class="mod-form__label" for="course_price"><b>*</b>课程价格</label>
																<div class="mod-form__content">
																	<input type="text" class="input-text"
																		style="width: 120px" maxlength="7" name="course_price"
																		data-pattern="course_price" data-prefix="float"
																		data-tips="课程发布后，每月只能修改2次价格，每次相隔7天"
																		data-msg="课程价格不能为空" id="course_price" tabindex="-1"><span
																		class="unit">元</span>
																	<div class="field-help"></div>
																</div>
															</div>
															<!--班级价格-->
															<div class="term-price-wrap"></div>
															<!-- 任意学价格 -->
															<div
																class="mod-form__line price-pass-wrap price-pass-disabled"
																style="display: none">
																<label class="mod-form__label" for="cp_price-pass">
																	<div class="checkbox" id="price_pass_box">
																		<i></i><span>任意学收费</span>
																	</div>
																</label>
																<div class="mod-form__content">
																	<input type="text" class="input-text disabled"
																		style="width: 84px" maxlength="7" name="price"
																		data-pattern="money_pass" data-prefix="float"
																		data-tips="课程发布后，每月只能修改2次价格，每次相隔7天"
																		data-msg="任意学价格不能为空" id="cp_price_pass"
																		disabled="disabled" tabindex="-1"><span
																		class="unit">元</span>
																	<div class="field-help"></div>
																</div>
															</div>
															<!-- ios 支持 -->
															<div
																class="mod-form__line mod-form__radios-wrap mod-form__ios-support-wrap"
																style="display: none">
																<label class="mod-form__label">iOS渠道<span>[<a
																		target="_blank"
																		href="http://support.ke.qq.com/forum.php?mod=viewthread&amp;tid=8"
																		class="nor-link">?</a>]
																</span></label>
																<div class="mod-form__content">
																	<div class="radios">
																		<div class="radio radio-check" data-value="0">
																			<i></i><label><a href="javascript:;">课程不上架iOS
																					app</a></label>
																		</div>
																		<div class="radio" data-value="1">
																			<i></i><label><a href="javascript:;">课程上架iOS
																					app</a></label>
																		</div>
																	</div>
																	<!-- <div class="pay_id_bill_tips pay_id_bill_tips-ios"> <i class="icon-font i-info"></i><p>课程如需上架iOS app，需签署iOS app收益补充协议，<a id="ios-support-deal" class="nor-link" href="javascript:;">点击进入</a></p> </div> -->
																	<div class="f-dropdown-tip ios-pay">
																		<input type="checkbox" id="ios_pay_more"> <label
																			class="nor-link not-sel" for="ios_pay_more">iOS支付结算规则说明<i
																			class="icon-v icon-font i-v-bottom"></i></label>
																		<div class="f-dropdown-content">
																			<div class="paragraph">由于苹果公司的规定，您在iOS
																				App内的课程售卖必须分成30%给苹果公司。同时腾讯课堂将收取5%作为苹果黑卡用户造成损失的弥补。</div>
																			<div class="paragraph">但这不会影响您在PC、Android
																				或者任何网页版腾讯课堂上的课程售卖，苹果仅仅只对交易产生在iOS App的部分分成。</div>
																		</div>
																	</div>
																	<div class="clear"></div>
																	<div style="display: none">
																		<div class="checkbox" data-pattern="need_check_ios"
																			id="ios_pay_box"
																			style="margin-top: 10px; float: left"
																			data-msg="上架iOS app需同意协议">
																			<i></i><label>我接受在iOS App中的课程售卖分成30%（PC、
																				Android、H5不受影响）<!--<a href="javascript:;" id="ios_pay_more" class="nor-link">点击查看支付结算规则</a>-->
																			</label>
																		</div>
																		<div class="field-help" style="top: 10px; left: 10px"></div>
																	</div>
																</div>
															</div>
														</div>
														<!-- 退款承诺 -->
														<div class="refund-choose-wrap" style="display: none">
															<div
																class="mod-form__line mod-form__radios-wrap mod-form__refund-wrap">
																<label class="mod-form__label"><b>*</b>退款承诺[<a
																	target="_blank"
																	href="http://support.ke.qq.com/forum.php?mod=viewthread&amp;tid=8"
																	class="nor-link">?</a>]</label>
																<div class="mod-form__content">
																	<div class="radios mod-refund">
																		<div class="radio radio-check" data-value="1"
																			data-type="0">
																			<i></i><label><a href="javascript:;"><b
																					class="refund-icon1"> </b>课前随时退</a></label>
																		</div>
																		<div class="radio" data-value="2" data-type="0">
																			<i></i><label><a href="javascript:;"><b
																					class="refund-icon2"> </b>七天包退</a></label>
																		</div>
																		<div class="radio" data-value="3" data-type="0">
																			<i></i><label><a href="javascript:;"><b
																					class="refund-icon3"> </b>课中包退</a></label>
																		</div>
																	</div>
																	<div class="refund-hover-tip refund-hover-tip--first">
																		<span class="triangle"></span>
																		<div class="refund-hover-tip-content">
																			<ol>
																				<li><span>选择退款承诺后，后续不可更改；</span></li>
																				<li>课程开始前，用户可直接退款；</li>
																				<li>该退款承诺适用于全部课程。</li>
																			</ol>
																		</div>
																	</div>
																	<div
																		class="refund-hover-tip refund-hover-tip--second hide">
																		<span class="triangle"></span>
																		<div class="refund-hover-tip-content">
																			<ol>
																				<li><span>选择退款承诺后，后续不可更改；</span></li>
																				<li>课程开始前，用户可直接退款；</li>
																				<li>课程开始后，<span>7天内可向机构申请退款；</span></li>
																				<li>用户申请退款后，机构可在七天内说服学员取消退款。机构确认或逾期未处理，订单进入退款流程；</li>
																				<li>该退款承诺适用于全部课程。</li>
																			</ol>
																		</div>
																	</div>
																	<div
																		class="refund-hover-tip refund-hover-tip--third hide">
																		<span class="triangle"></span>
																		<div class="refund-hover-tip-content">
																			<ol>
																				<li><span>选择退款承诺后，后续不可更改；</span></li>
																				<li>课程开始前，用户可直接退款；</li>
																				<li>课程开始后，<span>用户可在课程结束前，按照未学习的课程比例等比申请退款；</span></li>
																				<li>用户申请退款后，机构可在七天内说服学员取消退款。机构确认或逾期未处理，订单进入退款流程；</li>
																				<li>选择此种方式的课程，<span>将在课程结束后进行结算；</span></li>
																				<li>该退款承诺适于中、短周期课程使用，帮助机构打口碑。</li>
																			</ol>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<!--咨询设置-->
											<div class="content-guide">
												<div class="guide-hd">
													<h3 class="guide-tt">咨询设置</h3>
													<div class="content-form">
														<!-- 咨询老师QQ -->
														<div class="mod-server_qq">
															<div class="mod-form__line">
																<label class="mod-form__label"><b>*</b><i>咨询QQ</i><span>[<a
																		target="_blank"
																		href="http://support.ke.qq.com/forum.php?mod=viewthread&amp;tid=8"
																		class="nor-link">?</a>]
																</span></label>
																
															</div>
															<div class="mod-form__line js-qq-field">
																<div class="mod-form__content mod-form__content-long">
																	<div class="diy-select-area select-person">
																		<input type="text" class="input-text"
																	data-pattern="server_tels" name="server_tels"
																	id="cp_server_tels" placeholder="请填写咨询热线电话，用于学生咨询"
																	data-tips="以分号、逗号、空格分隔，最多可填写5个" />
																	</div>
																	<div class="field-help"></div>
																</div>
															</div>
															
															<!-- <div class="mod-form__line js-qq-field" style="display:none"> <div class="mod-form__content mod-form__content-long"> <input type="text" class="input-text" name="marketing_qq_url" data-pattern="not_null|url" data-msg="请填写营销QQ网页代码|网页代码格式错误" id="cp_marketing_qq_url" placeholder="请填写营销QQ网页代码" /><div class="field-help"></div> </div> </div> -->
														</div>
														<!-- 咨询电话 -->
														<div class="mod-form__line">
															<label class="mod-form__label" for="cp_server_tels"><i>咨询电话</i><span>[<a
																	target="_blank"
																	href="http://support.ke.qq.com/forum.php?mod=viewthread&amp;tid=8"
																	class="nor-link">?</a>]
															</span></label>
															<div class="mod-form__content mod-form__content-long">
																<input type="text" class="input-text"
																	data-pattern="server_tels" name="server_tels"
																	id="cp_server_tels" placeholder="请填写咨询热线电话，用于学生咨询"
																	data-tips="以分号、逗号、空格分隔，最多可填写5个" />
																<div class="field-help"></div>
															</div>
														</div>
														<!-- 学习讨论群 -->
														<div class="mod-form__line">
															<label class="mod-form__label"><b class="hide">*</b><i>学习讨论群</i><span>[<a
																	target="_blank"
																	href="http://support.ke.qq.com/forum.php?mod=viewthread&amp;tid=8"
																	class="nor-link">?</a>]
															</span></label>
															<div class="mod-form__content mod-form__content-long">
																<div class="diy-select-area select-qun">
																	<input type="text" class="input-text"
																	data-pattern="server_tels" name="server_tels"
																	id="cp_server_tels" placeholder="请填写咨询热线电话，用于学生咨询"
																	data-tips="以分号、逗号、空格分隔，最多可填写5个" />
																</div>
																<div class="field-help"></div>
															</div>
														</div>
														
													</div>
												</div>
											</div>
											<!--营销设置-->
											<!-- 课程类型 -->
											<!-- 干掉 <div class="mod-form__line mod-form__choose-card" style="display:none"> <label class="mod-form__label mod-form__label_top" for="cp_learn_type"><b>*</b><i>课程类型</i><span>[<a target="_blank" href="http://support.ke.qq.com/forum.php?mod=viewthread&tid=8" class="nor-link">?</a>]</span></label> <div class="mod-form__content mod-learn-type"> <span href="javascript:;" class="btn-card on" data-value="1" id="learn_qgroup"> <i></i> <h3>普通课堂</h3> <p>上课工具：QQ客户端<br>课程的最高在线人数2000左右<br>老师与学生课堂中互动性要求高<br>上课时依赖PPT或屏幕分享</p> </span> <span href="javascript:;" class="btn-card" data-value="3" id="learn_qqlive"> <i></i> <h3>大型公开课<span>[<a target="_blank" href="http://support.ke.qq.com/forum.php?mod=viewthread&tid=8" class="nor-link">?</a>]</span></h3> <p>上课工具：腾讯视频<a class="nor-link" href="//ke.qq.com/docs/qqlive-20140609.doc">&nbsp;下载使用指引</a><br>预计课程报名人数500以上<br>老师愿意通过真人视频进行上课直播<br>只能使用屏幕分享授课</p> </span> </div> </div> -->
											<!-- 学习目标 -->
											<!-- 去除学习目标 <div class="mod-form__line mod-form__textarea-wrap"> <label class="mod-form__label" for="cp_goal">学习目标</label> <div class="mod-form__content mod-form__content-long"> <textarea class="f-textarea" name="goal" data-min="20" data-max="150" data-tips="请填写学习目标，20-150字" data-msg="学习目标不能为空" id="cp_goal" placeholder="请填写学习目标" ></textarea><div class="field-help"></div> </div> </div>-->
											<div class="f-item f-item--action-publish">
												<div class="f-field publish-btn-wrap">
													<a href="#step=3" class="btn-default btn-l btn-next-step">下一步</a>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="clear"></div>
	</div>

</body>
</html>
<!--课程详情题目内容 S-->

